HTML-Optimizer is een veelzijdig hulpmiddel voor het beheer van uw website. Webpagina's worden gecontroleerd op verbroken hyperlinks en foute tags en zowel webpagina's als afbeeldingen worden geoptimaliseerd. Als u meer dan één website beheert en/of als u 'drag & drop' prefereert plus 'instant uploading' naar uw web server, kijk dan eens naar HTML-OptimizerPlus.
HTML-Optimizer biedt 5 functies:
1. De belangrijkste functie is ruimte besparen op uw webpagina's door overbodige tekens en tags te verwijderen. Hoewel het besparingspercentage (10 tot 20%)misschien klein lijkt, wordt de laadtijd veel korter omdat de browser van uw klant de pagina's efficiënter aftast. Dit programma verwijdert niet de aanhalingstekens bij attributen - zoals andere optimizers doen om een indrukwekkende besparing te krijgen - omdat dit in feite de aftastsnelheid van de browser negatief beïnvloed!
Client-side en server-side JavaScript kan ook worden geoptimaliseerd.
Zie Over Optimaliseren voor meer info.
U kunt er tevens voor kiezen om resources van grafische bestanden te verwijderen. Zie Het verwijderen van de resource fork van grafische bestanden voor meer info.
2. Een andere functie van HTML-OptimizerPlus is de controle van de gepaarde tagstructuur van uw webpagina's. Elke losse containertag wordt aangegeven. Bovendien worden, als u kiest voor de extensive mode, de IMG-tags gecontroleerd op de aanwezigheid van de Width, Height en Alt attributen.
De Width- en Height-attributen zijn nodig zijn om de pagina snel door de browser op te laten bouwen. Bij Voorkeuren kunt u instellen of u de ontbrekende Width- en Height-attributen wilt toevoegen, met pixelwaarden die automatisch gedetecteerd worden (hiervoor hebt u QuickTime™ 3 of hoger nodig).
Het Alt-attribuut maakt uw pagina gebruiksvriendelijker. Bij Voorkeuren kunt u instellen of u al dan niet wilt controleren op Alt-attributen. Bovendien kunt u beslissen om Alt attributen toe te voegen als deze ontbreken en er een tekststring aan te hechten of de naam van de afbeelding. Een textstring zou "VindMij" kunnen zijn om het u gemakkelijk te maken deze in een Tekst Editor te zoeken en te vervangen.
Merk op dat veranderingen terecht komen in de originele pagina's van uw webmap, tenzij u bij Voorkeuren kiest voor de Include Checking Tags optie, d.w.z. dat de tags tijdens het optimaliseren gecontroleerd worden.
Verouderde en browser-specifieke tags worden eveneens gerapporteerd.
Als u HTML4 Compliant bij de Voorkeuren selecteert, worden afkeurenswaardige tags volgens HTML4, bijvoorbeeld <FONT> en <CENTER> gerapporteerd.
Deze functies werken ook als u de 'Fast & Simple' modus kiest.
3. U kunt er ook voor kiezen de tagstructuur en IMG-tags niet slechts te controleren, maar ook losse containertags en incomplete IMG tags te markeren met het teken •, zodat u die snel kunt vinden. Binnen een geneste tagstructuur is de markering soms niet geheel accuraat, maar desondanks gemakkelijk te interpreteren. Weggeschreven bestanden krijgen • als voorvoegsel. Natuurlijk upload u een gemarkeerde pagina niet naar een web server!
Als er een incomplete containertag wordt gevonden, wordt het 'kleiner dan'- teken < vervangen door •, dus als de tag </FORM> ontbreekt ziet u •FORM> i.p.v. het bijbehorende <FORM>, of vice versa.
Gemarkeerde pagina's worden altijd naar het eerste niveau van de optimizer output map weggeschreven.
4. U kunt de geldigheid van de links controleren, behalve die welke beginnen met 'http://', 'mailto:' of '#'. Webpagina's worden gecontroleerd op verbroken href, img src, lowsrc, img dynsrc, embed src en <script>.src links. Deze controle gaat tot een diepte van 8 niveaus van uw webmap.
Deze functie vereist dat een (web)map en zijn submappen worden geanalyseerd naar hun inhoud. HTML-Optimizer doet dit automatisch wanneer nodig.
5. Ten slotte kunt u letters met accenten en bijzondere tekens, zoals á en §, converteren naar hun bijbehorende &.....; notatie; alles binnen het ASCII 128-255 gebied. Ook hier komen de geconverteerde tekens meteen in de originele pagina's van uw webmap terecht.
Bij Voorkeuren kunt u kiezen om te converteren terwijl u optimaliseert ('on-the-fly'), in welk geval de geconverteerde tekens in de geoptimaliseerde pagina's terechtkomen, dus niet in de originele!
Over Optimaliseren
Tijdens het optimalisatieproces blijven uw originele pagina's ongewijzigd om ze later te kunnen bijwerken. Dat is nuttig omdat de geoptimaliseerde pagina's moeilijk te lezen zijn (tenzij u bij Voorkeuren de optie 'Remove Returns' hebt uitgeschakeld).
Geoptimaliseerde webpagina's worden bewaard als nieuwe tekstbestanden met alleen een 'data fork', standaard met de BBEdit Creator Type - zie Voorkeuren - in de optimizer output map, wat een map is met dezelfde naam als z'n bijbehorende webmap, maar met de toevoeging ".opt".
Let op: "Optimizer Output folder" is de algemene naam die dit programma voor deze map gebruikt in z'n dialogen.
Wanneer u uw complete webmap optimaliseert, wordt deze map gedupliceerd en alle geoptimaliseerde bestanden standaard gekopieerd van de optimizer output map naar dit duplicaat. De map krijgt de toevoeging ".dup".
Als u BBEdit niet hebt, download dan de gratis BBEdit Lite vanaf http://www.barebones.com/free/bbedit_lite.html
Waarschuwing: Pas op dat u uw originele webpagina's niet vervangt door de geoptimaliseerde! Bewaar de originelen op een veilige plaats!
Toen u dit programma configureerde, werd een lege geneste mapstructuur gecreëerd in elke optimizer output map, overeenkomend met de directory van de bijbehorende webmap.
Pagina's die in aanmerking komen voor optimalisatie worden aldus weggeschreven naar hun eigen map in de optimizer output map.
Als u Entire Web Folder kiest, krijgt u niet het gebruikelijke Open-dialoogvenster. In dat geval wordt uw gehele webmap meteen in één keer behandeld, inclusief de geneste mappen. Onthoud echter dat alleen geoptimaliseerde bestanden worden weggeschreven naar de optimizer output map, dus wees niet verbaasd over lege mappen aldaar!
Bekijk de geoptimaliseerde pagina's in uw browser vóór het uploaden naar een webserver. U kunt voor dit doel simpelweg op de View-knop klikken.
Open een geoptimaliseerde pagina niet in de HTML Editor die deze oorspronkelijk gecreëerd heeft, anders kan de optimalisatie grotendeels teniet worden gedaan omdat de editor z'n eigen formattering weer toevoegt!
De logboeken worden weggeschreven naar de Logs map in de HTML-Optimizer map. U krijgt een waarschuwing als een logboek zijn 32K limiet nadert, zodat u deze eventueel kunt veiligstellen in een backup voordat u het logboek leegmaakt. De logboeken zijn SimpelTekst bestanden; vanwege de beperkte grootte wordt scrollen nooit oncomfortabel.
Als u het logboek verborgen hebt en u wilt het terug, kies dan Show Current Log uit het File-menu.
Wat is 'Duplimizing'?
Duplimizing betekent duplicating plus optimizing. Het woord is bedacht door de auteur van dit programma. Wanneer u voor duplimizing kiest, wordt uw originele webmap gedupliceerd en worden vervolgens de geoptimaliseerde bestanden van de Optimizer Output map naar de duplicaatmap gekopieerd. U krijgt dus een geoptimaliseerd duplicaat van uw webmap, wat het ideale vertrekpunt is voor het uploaden van mappen (directories).
U kunt de duplicaatmap nog meer identiek maken aan de originele webmap door vóór u aan optimaliseren begint de Restore Finder Info optie bij Voorkeuren te selecteren, waardoor na optimalisatie de waarden van Creator Type, Creation Date, Modification Date en Finder Label hersteld worden. Dit kan handig zijn als u een automatisch backup-programma gebruikt.
LET OP: U kunt beter niet de Restore Finder Info optie gebruiken als u alleen maar de recentelijk geoptimaliseerde bestanden naar uw web server wilt uploaden. In dat geval is het beter om een label te kiezen bij de Voorkeuren zodat u gemakkelijk kunt herkennen welk bestand het meest recente is.
Als u de Duplimize-optie bij Voorkeuren selecteert, zal het 'duplimizen' automatisch na het optimaliseren van uw gehele webmap plaatsvinden. Als u daarentegen pas later wilt 'duplimizen', kunt u het Duplimize commando uit het File-menu gebruiken.
De naam van de duplicaatmap krijgt de toevoeging ".dup".
Welke tags en tekens worden standaard verwijderd?
HTML-Optimizer verwijdert de volgende tags:
Optionele eind-tags zoals </OPTION> (niet bij XHTML bestanden)
Verboden eind-tags zoals </IMG>
Redundant (overbodige)Editor tags zoals X-CLARIS-USEIMAGEWIDTH
De volgende tekens worden verwijderd:
Carriage returns, CRLF's en LF's
Tabs
Meervoudige spaties
Overbodige spaties
Er wordt niets veranderd in code tussen de volgende tags:
<APPLET> en </APPLET>
<OBJECT> en </OBJECT>
<STYLE> en </STYLE>
<PRE> en </PRE>
<NOOP> en </NOOP>
De <NOOP> en </NOOP> 'custom tags' - NOOP betekent 'No Optimizing' - kunnen door u worden toegepast om een bepaald stuk HTML-code te omsluiten dat u niet wilt optimaliseren.
Commentaar kan optioneel worden verwijderd uit HTML- en JavaScript-code. Commentaar en dus ook scriptcode geschreven in commentaarvorm, b.v. cgi code, wordt niet uit webpagina's verwijderd waarvan de bestandextensie begint met ".s", zoals bij index.shtm.
Optimalisatie van JavaScript en het verwijderen van JavaScript commentaar kan niet alleen worden uitgevoerd op client-side scripts (tussen <SCRIPT> en </SCRIPT> tags - maar ook op server-side scripts - tussen <SERVER> en </SERVER> tags - bijvoorbeeld bij bestanden met de .lasso file extensie.
Onvolledige URL's zoals b.v. "http://www.anyname.com" kunnen worden aangevuld met een slash aan het eind, waardoor een browser er twee maal sneller naar toe kan gaan. Kies deze optie alleen als u vermoedt dat de slashes ontbreken.
Het verwijderen van de resource fork van grafische bestanden
U kunt ervoor kiezen om de resource fork van (kopieën van) grafische bestanden met de juiste 'file extensions' te verwijderen, zie Voorkeuren. Er is een aanvullende inputcontrole van grafische bestanden als deze geselecteerd worden: alleen bestanden met de 'file types' GIFf, JPEG, PNGf, MIE0, TIFF, SWFL of MooV worden standaard geaccepteerd (voor tekstbestanden is het geaccepteerde file type TEXT). Gevorderde gebruikers kunnen bij Voorkeuren de lijst met file types wijzigen.
Het weghalen van de resource fork reduceert de bestandsgrootte zonder invloed op de grafische inhoud. Een resource fork heeft op het Internet geen enkel nut.
Het Configureer-menu
Onder normale omstandigheden hoeft u dit menu niet te gebruiken.
Echter, als u de lokatie van de optimizer output map wilt veranderen of bevestigen na een foutmelding, of
als u uw huidige webmap moet bevestigen of een andere wilt bepalen, of
als u een andere standaard Internet-browser wilt bevestigen (zoals die is vastgelegd in Internet Config of het regelpaneel Internet), of
als u de huidige optimizer output directory wilt bijwerken omdat u de structuur van de bijbehorende webmap veranderd hebt,
dan dient u het betreffende menucommando uit het Configureer-menu te kiezen.
De Select-knop
De startknop doet wat voor de hand ligt: deze toont een Open… dialoogvenster met de gewenste webmap reeds voorgeselecteerd. Dit laatste alleen als u Mac OS 8.5 of hoger hebt. Als u de 'Entire Web Folder' knop selecteert verandert de naam van de Select-knop in Start.
De Same Again-knop
Als u op deze knop klikt, start u de gewenste actie met hetzelfde bestand of dezelfde map die u eerder had gekozen, dus hoeft u niet opnieuw door een Open-dialoogvenster heen te gaan. U kunt dit herhalen zo vaak u wilt, tot u een nieuw bestand of een nieuwe map kiest. Deze knop is handig als u verschillende acties op hetzelfde item wilt uitvoeren, b.v. tags controleren, links controleren en optimaliseren.
De View-knop
Deze dient om in uw Internet-browser een pagina of afbeelding te bekijken, om er zeker van te zijn dat het item OK is na optimalisatie.
De Reveal-knop
Met deze knop kunt u het geselecteerde bestand in de Finder tonen.
Selecteer in het logboek de regel waarin het bestand wordt genoemd om de knop te activeren.
De View Code-knop
Deze dient om de code te bekijken van een pagina. Alleen de eerste 29000 tekens van een bestand zullen worden weergegeven (u kunt de tekst bewerken tot een lengte van 30000 tekens).
Selecteer in het logboek de regel waarin het bestand wordt genoemd om de knop te activeren.
Als u een optimalisatie hebt gepleegd, verandert de naam van de knop in Find String…. In plaats van erop te klikken kunt u ook F typen terwijl u de appeltje-toets (command-toets) ingedrukt houdt. Als een string is gevonden, kunt u verder zoeken door op Return of Enter te drukken of Appeltje-G te typen. Deze zoekoptie is handig wanneer u HTML code bekijkt waarvan de harde returns zijn verwijderd.
Als u een markering hebt gepleegd, verandert de naam van de knop in Find Bullets. Een gevonden stip verandert in het teken . Als u een stip hebt gevonden, kunt u verder zoeken door op Return of Enter te drukken of Appeltje-G te typen.
Als u een conversie hebt gepleegd, verandert de naam van de knop in Find &xxx; (alleen als u een bestand kiest, bij een map wordt het Zoek String…). Als u een geconverteerd teken hebt gevonden, wordt de knop inactief en kunt u verder zoeken door op Return of Enter te drukken of Appeltje-G te typen.
Na elk van de voorgaande activiteiten, behalve markeren, verandert de naam van de View-knop in Edit en de naam van de Reveal-knop in Save…. Hierdoor kunt u de tekst in het codeveld wijzigen en bewaren. Als u een optimalisatie hebt gepleegd worden de veranderingen weggeschreven naar de geoptimaliseerde pagina, zodat u in één keer kunt doorgaan, en in de andere gevallen worden de veranderingen weggeschreven naar de originele webpagina. Als u een originele webpagina identiek wilt maken aan z'n geoptimaliseerde tegenhanger - wat zo hoort in feite - moet u dit later doen, buiten HTML-Optimizer om.
De Edit en Save… knoppen verschijnen eveneens als u een text file opent vanuit het File-menu.
Analyse van uw webmap
Soms krijgt u de mededeling te zien 'Analyzing your web folder… please wait' en zult u even moeten wachten. Dit gebeurt als HTML-Optimizer heeft gemerkt dat er iets in de huidige webmap is veranderd, bijvoorbeeld omdat u een bestand hebt gewijzigd of toegevoegd, of als een ALT string is toegevoegd.
